<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>学生满意度调查</title>
	<link type="text/css" rel="stylesheet" th:href="@{/css/all.css}"/>

	<script language='javascript' th:src='@{/js/echarts.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/jQuery/jQuery-2.2.0.min.js}'></script>
	<script language='javascript' th:src='@{/js/constant.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/bootstrap/js/bootstrap.min.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/bootstrap-table/bootstrap-table.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/adminLTE/js/app.min.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/lobibox/dist/js/lobibox.js}'></script>
	<script language='JavaScript' th:src='@{/js/network.js}'></script>
	<script language='JavaScript' th:src='@{/js/common.js}'></script>
	<script language='JavaScript' th:src='@{/js/public.js}'></script>
	<script language='JavaScript' th:src='@{/plugin/iCheck/icheck.min.js}'></script>
<style type="text/css">
.icon-storage>i {
	cursor: pointer;
}
</style>
</head>
<body class="body-contrainner fadeInUp">
	<div class="nav-tabs-custom tab-info no-margin">
		<ul class="nav nav-tabs">
			<li><a href="/stu/Survey/toYjld">满意度概况</a></li>
 			<li><a href="/stu/Survey/toYjldXy">各二级学院对比</a></li>
 			<li class="active"><a href="javascript:void(0);">各专业对比</a></li>
 			<li><a href="/stu/Survey/toYjldReason">较差原因显示</a></li>
 			<li class="pull-right  header"></li>
		</ul>
		<div class="tab-content">

			<div class="row">
				<div class="col-md-12 column">
					<div class="box box-primary">
			            <div class="box-header">
				            <h3 id="tabTittle"class="box-title">教书育人,教学管理各专业满意度(低于100%)</h3>
			            </div>
			            <div id="body1" class="box-body">
				            <div class="chart">
				                <div id="chartjsyrjxglxymyd" style="height:300px"></div>
				            </div>
			            </div>
					</div>
				</div>
			</div>


	<!--		<div class="row">
				<div class="box-header">
					<form id="form-search" class="form-inline has-info"
						style="margin-left: 15px">
						<div class="form-group">
							<label class="control-label">专业</label> <input type="text" id ='zymc' name="zymc" class="form-control" placeholder="请输入专业名称">
						</div>
						<div class="form-group">
							<label class="control-label">学院</label> 
							<select id= "ssxb" name="ssxb" class="form-control">
							<option value="" selected="selected">&#45;&#45;请选择&#45;&#45;</option>
							<c:forEach items="${xymc}" var="xymcName">												
                                    <option value="${xymcName}" >${xymcName}</option>
							</c:forEach>
							</select>
						</div>
						<div class="form-group">
							<label class="control-label">类别</label> 
							<select id= "lb" name="lb" class="form-control">
                                    <option value="01" selected="selected" >教书育人</option>
                                    <option value="03" >教学管理</option>
							</select>
						</div>
						<div class="form-group">
							<button id="btn-search" type="button" class="btn btn-info">
								<i class="fa fa-search margin-r-5"></i>查询
							</button>
						</div>
					</form>
				</div>

				<div class="box-body" style="padding-top: 0px;">
					<table id="data-table" class="table table-bordered"
						data-striped="true" data-pagination="true"
						data-search-on-enter-key="true" data-id-field="id"
						data-unique-id="id" data-click-to-select="true"
						data-side-Pagination="server" data-cache="false" data-method="get"
						data-query-params="getParam" >
						<thead>
							<tr>
							    <th data-field="state" data-radio="true"></th>
							    <th data-field="rowNum" data-align="left" data-halign="left" data-valign="middle" data-formatter=bootstrapFormatter.rowNumFormatter>序号</th>
								<th data-field="SSXB" data-align="left" data-halign="center"data-valign="middle" data-sortable="true">学院名称</th>
								<th data-field="ZYMC" data-align="left" data-halign="center"data-valign="middle" data-sortable="true">专业名称</th>
								<th data-field="MYD" data-align="left" data-halign="center"data-valign="middle" data-sortable="true">满意度(%)</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>-->

			<div class="row">
				<div class="col-md-12 column">
					<div class="box box-primary">
			            <div class="box-header">
				            <h3 id="tabTittle"class="box-title">各专业学生参团率</h3>
			            </div>
			            <div id="body1" class="box-body">
				            <div class="chart">
				                <div id="chartzyxsctl" style="height:300px"></div>
				            </div>
			            </div>
					</div>
				</div>
			</div>

		</div>
	</div>


	<script language="JavaScript">
/*

	function getParam(params) {
		return commonTools.getBootstrapParams(params, $("#form-search"));
	}

	 function getTable(){
			var func_link = "/xsfk/jxglyrzybg";
			var zymc = $("#zymc").val();
			var ssxb = $("#ssxb").val();
			var lb = $("#lb").val();
			var params = "func_link="+func_link +  "&cnd_zymc=" + zymc +"&cnd_ssxb=" + ssxb+"&cnd_lb=" + lb;
			$("#data-table").bootstrapTable({url: publicData.urls.analysis.cfg.getOneTableByUrl + "?" + encodeURI(params)});
		}
        getTable();


	$("#btn-search").click(function() {
		var func_link = "/xsfk/jxglyrzybg";
		var zymc = $("#zymc").val();
		var ssxb = $("#ssxb").val();
		var lb = $("#lb").val();
		var params = "func_link="+func_link +  "&cnd_zymc=" + zymc +"&cnd_ssxb=" + ssxb+"&cnd_lb=" + lb;
		$("#data-table").bootstrapTable("refresh", {pageNumber:1, url:publicData.urls.analysis.cfg.getOneTableByUrl+"?"+encodeURI(params)});
	});
*/

	
	
	
  		function getChart(c, u, t) {
			var myChart = echarts.init(document.getElementById(c));
			var func_link = u;
			var params = {func_link: func_link};
			ajax.getData(publicData.urls.cfg.getChartsByUrl, params, function (data) {
				if(data != null && data != "" && data != "null") {
					var optData = data[0];
					var json = JSON.parse(optData);
					var jsonObj = eval('(' + json + ')');
					if(typeof jsonObj === "object") {
						myChart.setOption(jsonObj);
					} else {
						myChart.setOption(null);
					}
				}
			});
		}     
  		
  		function getChart2(c, u, t) {
			var myChart = echarts.init(document.getElementById(c));
			var func_link = u;
			var params = {func_link: func_link};
			ajax.getData(publicData.urls.cfg.getChartsByUrl, params, function (data) {
				if(data != null && data != "" && data != "null") {
					var optData = data[0];
					var json = JSON.parse(optData);
					var jsonObj = eval('(' + json + ')');
					if(typeof jsonObj === "object") {
						jsonObj.series[0].label.normal.show=false;
						jsonObj.series[1].label.normal.show=false; 
						var series1=jsonObj.series[0].data;
						var series2=jsonObj.series[1].data;
						var x_datas=jsonObj.xAxis[0].data;
						var series11=[];
						var series22=[];
						var x_datas1=[];
						for(var i=0;i<series1.length;i++){
						     if(series1[i]!=100||series2[i]!=100){
						    	 series11.push(series1[i]);
						    	 series22.push(series2[i]);
						    	 x_datas1.push(x_datas[i]);
						     }
						}
						jsonObj.series[0].data=series11
						jsonObj.series[1].data=series22
						jsonObj.xAxis[0].data=x_datas1
						myChart.setOption(jsonObj);
						
						
					} else {
						myChart.setOption(null);
					}
				}
			});
		}
        
  		function getChart1(c, u, t) {
			var myChart = echarts.init(document.getElementById(c));
			var func_link = u;
			var params = {func_link: func_link};
			ajax.getData(publicData.urls.cfg.getChartsByUrl, params, function (data) {
				if(data != null && data != "" && data != "null") {
					var optData = data[0];
					var json = JSON.parse(optData);
					var jsonObj = eval('(' + json + ')');
					if(typeof jsonObj === "object") {
						myChart.setOption(jsonObj);
 						myChart.setOption(option={
								dataZoom: [{
	    					        type: 'inside',
	    					        start: 0,
	    					        end: 40
	    					    }, {
	    					        start: 0,
	    					        end: 10,
	    					        handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
	    					        handleSize: '80%',
	    					        handleStyle: {
	    					            color: '#fff',
	    					            shadowBlur: 3,
	    					            shadowColor: 'rgba(0, 0, 0, 0.6)',
	    					            shadowOffsetX: 2,
	    					            shadowOffsetY: 2
	    					        }
	    					    }],
						}); 
					} else {
						myChart.setOption(null);
					}
				}
			});
		}      

        getChart2("chartjsyrjxglxymyd", "/xsfk/jsyrjxglxymyd", "");
/*         getChart("chartjxglzy", "/xsfk/jslyxymyd", "");
 */
  		getChart("chartzyxsctl", "/xsfk/zyxsctl", "");
	</script>
</body>
</html>